docusaurus/src/components/FormQuickStart.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

/**
 * @license
 * SPDX-License-Identifier: AGPL-3.0-or-later
 * This file is part of Wolfree.
 * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
 */

import React from "react";
import submitMathInputForm from "../functions/submitMathInputForm";
import InputMathProblems from "./InputMathProblems";
import ShowStepButton from "./ShowStepButton";

const FormQuickStart = () => (
  <form onSubmit={submitMathInputForm}>
    <ol>
      <li>
        <p>Type your math problem in the text box.</p>
        <InputMathProblems defaultValue="y'=y" />
      </li>
      <li>
        <p>
          Click the "Show Steps" button.
        </p>
        <ShowStepButton />
      </li>
      <li>
        <p>
          Explore the step-by-step solution provided. 🎉
        </p>
      </li>
    </ol>
  </form>
);

export default FormQuickStart;